/*
 * @Author: 何善万 swhe@che300.com
 * @Date: 2023-11-06 10:34:55
 * @LastEditors: 何善万 swhe@che300.com
 * @LastEditTime: 2025-01-14 09:24:12
 * @FilePath: \my-notion-redux\src\routers.tsx
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
import React, {useRef, useState, useEffect}from "react";
import classNames from "classnames";
import { useSelector } from "react-redux";
import {isDomActive} from '@tools/utils'
import Clipboard from '@components/clipboard'
import { useTranslation } from "react-i18next";
import projects from "../json/projects";
import wechat_code from '@assets/wechat_code.png'
import * as styles from "../styles/job_section_8.less";

function JobSection8() {
  const { t } = useTranslation();
  const refDom = useRef();
  const [active, setActive] = useState(false);
  useEffect(() => {
      let isActive = isDomActive(refDom)
      setActive(isActive)
  })
  return (
    <div ref={refDom} className={classNames(styles.job_section, "section")}>
      <div className={classNames(styles.title, active ? styles.title_open : '')}>
        {/* 与我联系 */}
        {
          t('contact_me')
        }
      </div>

      <div className={styles.contacts}>
        <div className={styles.contact_item}>
          {/* 电话 */}
          <span className={styles.label}>
            {t('phone_label')}：
            </span>
          <span className={styles.value}> 
            <Clipboard text={t('phone')} />
            </span>
        </div>

        <div className={styles.contact_item}>
          {/* 邮箱 */}
          <span className={styles.label}>
            {t('email_label')}：
            </span>
          <span className={styles.value}> 
              <Clipboard text={t('email')} />
            </span>
        </div>

        <div className={styles.contact_item}>
          {/* 微信 */}
          <span className={styles.label}>
            {t('wechat_label')}：
            </span>
          <span className={styles.value}>
             <Clipboard text={t('wechat')} />
            </span>
          {/* <img className={styles.wechat_code} src={wechat_code} alt="" /> */}
        </div>
      </div>
    
      <a className={styles.down_btn} href="http://" target="_blank">
          {/* 下载简历文档 */}
        {t('down_pdf')}
      </a>
    </div>
  );
}

export default JobSection8;
